<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
<title>响应式模板</title>
<meta content="" name="Keywords">
<meta content="" name="Description">
<meta name="format-detection" content="telephone=no">
<link href="/static/css/ui.css" rel="stylesheet">
<link href="/static/css/grid.css" rel="stylesheet">
<link href="/web/css/style.css" rel="stylesheet">


<link rel="stylesheet" type="text/css" href="http://testy.sooc.com/static/css/index_school.css?v1.0" />

</head>
<body>
<style>
ul.introS { font-size:20px; margin:20px; }
.rect-57{padding-bottom:57%;}
[v-cloak] { display:none; }
</style>
<ul class="introS">
    <li>从浏览器中创建 XMLHttpRequest</li>
    <li>从 node.js 发出 http 请求</li>
    <li>支持 Promise API</li>
    <li>拦截请求和响应</li>
    <li>转换请求和响应数据</li>
    <li>取消请求</li>
    <li>自动转换JSON数据</li>
    <li>客户端支持防止 CSRF/XSRF</li>
</ul>


<section class="comPart centerT cp2" id="vue_newCourse" v-cloak>
    <div class="wrap">
        <div class="hd fix">
            <h2 class="title tab_t" v-on:click="tab_change(0)" v-bind:class="{tab_t_cur:tab == 0}">最新课程</h2>
            <h2 class="title tab_t" v-on:click="tab_change(1)" v-bind:class="{tab_t_cur:tab == 1}">最热课程</h2>
        </div>
        <div class="bd fix">
            <div class="row" v-if="tab == 0">
                <div class="span-3 smal-12" v-for="v in data_new">
                    <div class="classBox fix">
                        <a class="imgZoom" v-bind:href="'http://testy.sooc.com/index.php/index/Course/index?kcid='+v.kcid" v-bind:title="v.kcmc">
                            <span class="img rect-57"><img v-bind:src="v.kcfm" v-bind:alt="v.kcmc" class="_full"></span>
                            <div class="title">{{v.kcmc}}</div>
                        </a>
                        <div class="name">
                            <template v-for="(vv,kk) in v.zjls">
                                <span class="lt">
                                    <template v-if="kk > 0">、</template>
                                    {{vv.realname}}
                                </span>
                            </template>
                            <span class="name_title hide"><template v-for="(vv,kk) in v.zjls"><template v-if="kk > 0">、</template>{{vv.realname}}</template></span>
                        </div>
                        <div class="view">学习人数：{{v.xxrs}}</div>
                    </div>
                </div>
            </div>
            <div class="row" v-if="tab == 1">
                <div class="span-3 smal-12" v-for="v in data_hot">
                    <div class="classBox fix">
                        <a class="imgZoom" v-bind:href="'http://testy.sooc.com/index.php/index/Course/index?kcid='+v.kcid" v-bind:title="v.kcmc">
                            <span class="img rect-57"><img v-bind:src="v.kcfm" v-bind:alt="v.kcmc" class="_full"></span>
                            <div class="title">{{v.kcmc}}</div>
                        </a>
                        <div class="name">
                            <template v-for="(vv,kk) in v.zjls"><span class="lt"><template v-if="kk > 0">、</template>{{vv.realname}}</span></template>
                            <span class="name_title hide"><template v-for="(vv,kk) in v.zjls"><template v-if="kk > 0">、</template>{{vv.realname}}</template></span>
                        </div>
                        <div class="view">学习人数：{{v.xxrs}}</div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>



<script src="/static/modules/seajs/sea.js" id="seajsnode" ></script>
<script src="/web/seajs.config.js"></script>
<script>seajs.use('js/index');</script>
</body>
</html>